export default {
     bind:function (el, binding, vnode) {

        //监听document是因为如果监听元素el的话鼠标太快移出元素后就会失效
       
        el.onmousedown = (event) => {        	
            //算出鼠标相对元素的位置       
            var box;
            if(event.target.nodeName =="SPAN"){
            	box=  event.target.parentElement.parentElement;
            }else {
            	box=  event.target.parentElement;
            }
            let pointX = event.clientX - box.offsetLeft;//鼠标位置X减去元素距离左边距离（鼠标到元素左边的距离）
            let pointY = event.clientY - box.offsetTop;//鼠标位置Y减去距离顶部距离（鼠标到元素顶部的高度）
            
            document.onmousemove = (e)=>{
                //用鼠标的位置减去鼠标相对元素的位置，得到元素的位置				
				box.style.top="";
				box.style.left="";
				box.style.right="";
				box.style.bottom="";
                let left = e.clientX - pointX;
                let top = e.clientY - pointY;
                           // 此处就是父元素的宽度减去子元素宽度
                          
 		        var height = document.body.clientWidth - box.offsetHeight
 		        var temptop = 0; 		        
 		        top = Math.min(Math.max(temptop, top), height);
            //移动当前元素
            if(left<0){left = 0}
            box.style.left = left + 'px';
            box.style.top = top + 'px';
            };
            document.onmouseup = (e) => {
                document.onmousemove = null;
                document.onmouseup = null;
            };
        };
    },
    update () {

    },
    unbind (el, binding) {
        
    }
};